<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>我的个性myboke</title>    
<link href="__PUBLIC_HOME_DIR__/css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" /><!-- fontawesome -->     
<link href="__PUBLIC_HOME_DIR__/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" /><!-- Bootstrap stylesheet -->
<link href="__PUBLIC_HOME_DIR__/css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- stylesheet -->
<!-- meta tags -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Blog Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //meta tags -->
<script type="text/javascript" src="__PUBLIC_HOME_DIR__/js/jquery-2.1.4.min.js"></script>
<script src="__PUBLIC_HOME_DIR__/js/main.js"></script>
<!-- Required-js -->
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="__PUBLIC_HOME_DIR__/js/move-top.js"></script>
<script type="text/javascript" src="__PUBLIC_HOME_DIR__/js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
	
//	window.onload=function() {
//		var appraise = document.getElementById('appraise');
//		var post = Array();
//		appraise.onclick = function() {
//			post['article_id'] = document.getElementById('article_id').value;
//			post['user_id'] = document.getElementById('user_id').value;
//			post['content'] = document.getElementById('content').value;
//			
//			sendAjax();
//			
//		}
//		
//		function sendAjax() {
//			var req = new XMLHttpRequest();
//			req.open('POST','/index.php/Home/Appraise/deal');
//			req.onreadystatechange = function() {
//				if(req.readyState==4 && req.status==200) {
//					var result = req.responseText;
//					console.log(result)
////					if(result) {
////						// 成功
////						addData(result)
////					}else {
////						alert('评价失败');
////					}
//				}
//			}
//			req.send(post);
//		}
//		
//		function addData(data) {
//			alert('评价成功')
//		}
//	}
</script>
<!-- start-smoth-scrolling -->

<!-- scriptfor smooth drop down-nav -->
<script>
$(document).ready(function(){
    $(".dropdown").hover(            
        function() {
            $('.dropdown-menu', this).stop( true, true ).slideDown("fast");
            $(this).toggleClass('open');        
        },
        function() {
            $('.dropdown-menu', this).stop( true, true ).slideUp("fast");
            $(this).toggleClass('open');       
        }
    );
});
</script>
<!-- //script for smooth drop down-nav -->
</head>
<body>
<!-- header -->
	<include file="Public/header" />
	<!-- //header -->
	<!-- banner -->
	<div class="agile-banner">
	</div>
	<!-- //banner -->
	<!-- breadcrumbs -->
	<div class="breadcrumbs">
		<div class="container">
			<ol class="breadcrumb breadcrumb1 animated wow slideInLeft" data-wow-delay=".5s">
				<li><a href="{:U('Index/index')}">首页</a></li>
				<li class="active">{$articleData.cate_name}</li>
			</ol>
		</div>
	</div>
<!-- //breadcrumbs -->
	<div class="container">
		<div class="banner-btm-agile">
		<!-- //btm-wthree-left -->
			<div class="col-md-9 btm-wthree-left">
				<div class="single-left">
				<div class="single-left1">
					<img src="{$articleData.thumb}" alt=" " class="img-responsive" />
					<h3>{$articleData.title}</h3>
					<ul>
						<li><span class="glyphicon glyphicon-user" aria-hidden="true"></span><a href="#">作者: {$articleData.author}</a></li>
						<li><span class="glyphicon glyphicon-tag" aria-hidden="true"></span><a href="#">{$articleData.hits} 查看</a></li>
						<li><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span><a href="#">5 评价</a></li>
					</ul>
					<p>{$articleData.content|htmlspecialchars_decode}</p>
				</div>
				
				<!--<div class="admin">
					<p>But I must explain to you how all this mistaken idea of denouncing 
						pleasure and praising pain was born and I will give you a complete 
						account of the system, and expound the actual teachings of the great 
						explorer of the truth, the master-builder of human happiness. 
						No one rejects, dislikes, or avoids pleasure itself.</p>
					<a href="#"><i>John Frank</i></a>
				</div>-->
				<div class="comments">
					<h3>评价留言</h3>
					<div class="comments-grids">
						
						<!--<div class="comments-grid">
							<div class="comments-grid-left">
								<img src="__PUBLIC_HOME_DIR__/images/3.png" alt=" " class="img-responsive" />
							</div>
							<div class="comments-grid-right">
								<h4><a href="#">埃菲尔铁塔</a></h4>
								<ul>
									<li>2017-11-05<i>|</i></li>
									<li><a href="#">评价</a></li>
								</ul>
								<p>接下来的日子，我每天都盼着婴鸟的诞生。改善了它们的伙食，好让它们精力充沛。公鸟每天都快乐地上下蹦跳，不时发出清亮的鸣叫</p>
							</div>
							<div class="clearfix"> </div>
						</div>-->
						<foreach name="appraiseData" item="row">
						<div class="comments-grid">
							<div class="comments-grid-left">
								<img src="{$row.head}" alt=" " class="img-responsive" />
							</div>
							<div class="comments-grid-right">
								<h4><a href="#">{$row.username}</a></h4>
								<ul>
									<li>{$row.cre_time}<i>|</i></li>
									<li><a href="#">评价</a></li>
								</ul>
								<p>{$row.content}</p>
							</div>
							<div class="clearfix"> </div>
						</div>
						</foreach>
					</div>
				</div>
				<div class="leave-coment-form">
					<h3>留下你的评价</h3>
					<form id="formApp" action="{:U('Appraise/deal')}" method="post">
						<input type="hidden" id="article_id" name="article_id" value="{$articleData.id}" />
						<input type="hidden" id="user_id" name="user_id" value="{$Think.cookie.boke_id}" />
						<textarea name="content" id="content" placeholder="在这写下评价..." required=""></textarea>
						<div class="w3_single_submit">
							<input id="appraise" type="submit" value="评价" >
						</div>
					</form>
				</div>
			</div>

			</div>
			<!-- //btm-wthree-left -->
				<!-- btm-wthree-right -->
			<include file="Public/right" />
				<!-- //btm-wthree-right -->
			<div class="clearfix"></div>
		</div>
	</div>
	<!-- footer -->
	<include file="Public/footer" />
<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/
								
			$().UItoTop({ easingType: 'easeOutQuart' });
			
		});
	</script>
<!-- //here ends scrolling icon -->

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="__PUBLIC_HOME_DIR__/js/bootstrap.js"></script>
</body>
</html>